.sixth{
    background:url(../../assets/images/sixbg.jpg) center center no-repeat;
    position: relative;
    background-size: 100%;
    animation: bigsmall 10s 0.5s;
    animation-fill-mode: forwards;
    overflow: hidden;
    .baiping{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        background-color: white;
        opacity: 1;
        animation: baiping 1s linear;
        animation-fill-mode: forwards;
    }
    .sixthnei{
        width: 100%;
        height: 100%;
        background: url(../../assets/images/qipao2.png) center top no-repeat;
        background-size: 100% auto;
        animation: leftright 3s 0.5s linear infinite;
        transform: translateX(-10px);
        animation-fill-mode: forwards;
        position: absolute;
    }
    .sixneinei{
        width: 100%;
        height: 100%;
        background: url(../../assets/images/qipao.png) center top no-repeat;
        background-size: 100% auto;
        animation: leftrightnei 7s 0.5s linear infinite;
        transform: translateX(10px);
        animation-fill-mode: forwards;
        position: absolute;
    }
    .sixtitle{
        width: 3rem;
        height: 0.3535rem;
        background: url(../../assets/images/sixtitle.png) center center no-repeat;
        background-size: cover;
        margin: 0.5rem 0 0 0.4rem;
        position: absolute;
        left: 0.05rem;
        top: 0.2rem;
        animation: titlemove 2s 1s linear;
        opacity: 0;
        animation-fill-mode: forwards;
    }
    .sixt2{
        width: 2.92rem;
        height: 1.21rem;
        background: url(../../assets/images/sixbottom.png) center center no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0.1rem;
        left:0.6rem;
        animation: bottommove 2s 1s linear;
        animation-fill-mode: forwards;
        opacity: 0;
    }
    .sixright{
        height: 1.74rem;
        width: 0.0586rem;
        background: url(../../assets/images/sixright.png) center center no-repeat;
        background-size: auto 100%;
        position: absolute;
        right: 0.1rem;
        top: 0.5rem;
        transform: translateY(50px);
        animation: sixright 1s 1s linear;
        animation-fill-mode: forwards;
    }
}



@keyframes bigsmall {
    0%{
        background-size: 100%;
    }
    50%{
        background-size: 105%;
    }
    100%{
        background-size: 100%;
    }
}
@keyframes leftright{
    0%{
        transform: translateX(-10px);
    }
    30%{
        transform: translateX(10px);
    }
    100%{
        transform: translateX(-10px);
    }
}

@keyframes leftrightnei{
    0%{
        transform: translateX(10px);
    }
    50%{
        transform: translateX(20px);
    }
    100%{
        transform: translateX(10px);
    }
}

@keyframes titlemove {
    0%{
        opacity: 0;
        transform: translateY(0);
    }
    30%{
        opacity: 1;
        transform: translateY(0);
    }
    100%{
        opacity: 1;
        transform: translateY(-15px);
    }
}

@keyframes bottommove {
    0%{
        opacity: 0;
        transform: translateY(0);
    }
    30%{
        opacity: 1;
        transform: translateY(0);
    }
    100%{
        opacity: 1;
        transform: translateY(-30px);
    }
}

@keyframes sixright {
    from{
        transform: translateY(50px);
    }
    to{
        transform: translateY(150px);
    }
}
@keyframes baiping {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}